<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8"/>
    <title>Insert title here</title>

</head>
<body>
<h1>登录</h1>
<p>手机号 <input type="text" id="mobile"/></p>
<p>密码 <input type="text" id="password"/></p>
<p><input type="button" value="登录" onclick="login()"></p>
<p id="msg" style="color:red;"></p>
<!-- 使用 webjar方式引入静态资源 -->
<script type="text/javascript" src="/webjars/jquery/3.3.1/dist/jquery.min.js"></script>

<!--  自己要在resources下新建 static目录，并且路径不能直接写 文件路径，需要 配合 th:src  th:href  @{路径} -->
<script type="text/javascript" th:src="@{/md5.js}"></script>

<!-- 自己的js -->
<script type="text/javascript">
    function login() {
        $.ajax({
            url: "/login/doLogin", /*请求地址*/
            data: {
                mobile: $("#mobile").val(),
                password: hex_md5($("#password").val() + "456")
            }, /*请求参数*/
            type: "post",
            success: function (json) {
                console.log(json);
                window.location.href = "/goods/toGoods";
            },
            error: function (xhr) {
                $("#msg").text(JSON.parse(xhr.responseText).msg)
            }
        });
    }
</script>
</body>
</html>